.xhd-earlyer-pay {
	.payBack-detail-heard {
		padding: 0.58rem 0.64rem 0.5rem;
		width: 100%;
		height: 3.44rem;
		background: #fff;
		box-sizing: border-box;
		text-align: center;
		h2 {
			font-size: 0.6rem;
			font-weight: 500;
			color: #030303;
			margin: 0.35rem 0;
		}
		h3 {
			font-size: 0.3rem;
			font-weight: 500;
			color: #545454;
		}
		p {
			color: #888888;
			font-size: 0.24rem;
			line-height: 0.34rem;
			span {
				color: #40b15d;
			}
		}
	}
	.earlyer-pay-box {
		margin-bottom: 0.5rem;
	}
	.earlyer-pay-item {
		display: flex;
		align-items: center;
		width: 100%;
		height: 2rem;
		padding: 0.3rem 0.38rem 0.3rem 0.28rem;
		box-sizing: border-box;
		background: #fff;
		margin-top: 0.22rem;
		.check-item {
			.am-checkbox.am-checkbox-checked .am-checkbox-inner {
				border-color: #40b15d;
				background: #40b15d;
			}
			.am-list-item .am-list-thumb:first-child {
				margin: 0;
			}
		}
		.earlyer-content {
			flex: 1;
			h3 {
				color: #030303;
				font-size: 0.32rem;
				font-weight: 600;
			}
			h5 {
				color: #888888;
				font-size: 0.28rem;
				margin: 0.15rem 0;
			}
			p {
				font-size: 0.24rem;
				color: #888888;
			}
		}
		.earlyer-right {
			display: flex;
			width: 1.5rem;
			height: 1rem;
			align-items: center;
			.earlyer-right-data {
				width: 0.98rem;
				height: 0.98rem;
				border-radius: 50%;
				border: 0.06rem solid rgba(64, 177, 93, 1);
				text-align: center;
				font-size: 0.2rem;
				color: #888888;
				// line-height: .98rem;
				padding-top: 0.2rem;
				// align-items: center;
				// justify-content: center;
				box-sizing: border-box;
				h6 {
					margin: 0;
					margin-bottom: 0.05rem;
				}
			}
			.earlyer-right-arr {
				margin-left: 1.2rem;
				font-size: 0.4rem;
				color: #888;
				img {
					width: 0.14rem;
					height: 0.24rem;
				}
			}
		}
	}
	.earlyer-flooer {
		width: 100%;
		height: 1.4rem;
		background: #fff;
		font-size: 0.28rem;
		font-weight: 500;
		color: #030303;
		display: flex;
		align-items: center;
		position: fixed;
		bottom: 0;
		left: 0;
		.all-check {
			.am-checkbox.am-checkbox-checked .am-checkbox-inner {
				border-color: #40b15d;
				background: #40b15d;
			}
			.am-list-item .am-list-thumb:first-child {
				margin: 0;
			}
			.am-list-item .am-list-line .am-list-content {
				font-size: 0.28rem;
				font-weight: 500;
				color: #030303;
				margin-left: 0.14rem;
			}
		}
		p {
			flex: 1;
			span {
				color: #40b15d;
			}
			margin: 0 0.4rem 0 0.6rem;
		}
		.btn {
			margin-right: 15px;
			width: 2.18rem;
			height: 0.68rem;
			background: rgba(64, 177, 93, 1);
			border-radius: 0.34rem;
			color: #fff;
			&.disabled {
				opacity: 0.2;
			}
		}
	}
}

.earlyer-pay-modal {
	width: 100%;
	height: 9.24rem;
	.earlyer-modal-title {
		font-size: 0.28rem;
		color: #888;
		span {
			color: #40b15d;
		}
	}
	.earlyer-modal-line {
		height: 0.01rem;
		width: 100%;
		background: #e3e3e3;
		margin-top: 0.32rem;
		margin-bottom: 0.2rem;
	}
	.payBack-play-box {
		width: 100%;
		height: 9.24rem;
		padding: 0.46rem 0;
		box-sizing: border-box;
		overflow: auto;
		.payBack-play-heard {
			height: 0.5rem;
			width: 100%;
			margin-bottom: 0.38rem;
			position: relative;
			h2 {
				color: #030303;
				font-size: 0.34rem;
				font-weight: 500;
			}
			img {
				width: 0.3rem;
				height: 0.3rem;
				position: absolute;
				top: 50%;
				right: 0.4rem;
				transform: translateY(-50%);
			}
		}
		.earlyer-pay {
			display: flex;
			justify-content: center;
			font-size: 0.24rem;
			color: #030303;
			font-size: 0.32rem;
			font-weight: 500;
			margin-top: 0.24rem;
			.earlyer-pay-l {
				width: 50%;
			}
			.earlyer-pay-r {
				width: 50%;
			}

			.payBack-item-r,
			.payBack-item-l {
				width: 50%;
				font-size: 0.28rem;
				color: #545454;
			}
		}
	}
}
